.root {
    -fx-background-image: url(../img/bg.jpg);
    -fx-background-size: stretch stretch;
    -fx-background-position: center center;
}

.button {
    -fx-background-radius: 12px;
    -fx-border-radius: 12px;
    -fx-opacity: 0.8;
    -fx-background-color: transparent;
    -fx-border-color: linear-gradient(to bottom right,#00f8ff, #c50aff);
}

.button:hover {
    -fx-opacity: 1;
    -fx-background-color: rgba(65, 205, 238, 0.1);
    -fx-border-color: linear-gradient(to top right,#c50aff, #00f8ff);
}

.combo-box {
    -fx-background-radius: 12px;
    -fx-border-radius: 12px;
    -fx-opacity: 0.8;
    -fx-border-color: linear-gradient(to bottom right,#00f8ff, #c50aff);
    -fx-background-color: transparent;
}
.combo-box:hover{
    -fx-opacity: 1;
    -fx-border-color: linear-gradient(to top right,#c50aff, #00f8ff);
}
.combo-box:focused{
    -fx-opacity: 1;
    -fx-border-color: linear-gradient(to top right,#c50aff, #00f8ff);
}

.text-area {
    -fx-background-radius: 24px;
    -fx-border-radius: 24px;
    -fx-opacity: 0.8;
    -fx-border-color: linear-gradient(to bottom right,#00f8ff, #c50aff);
    /*-fx-background-image: url(../img/logo.png);*/
    /*-fx-background-size: stretch stretch;*/
    /*-fx-background-position: center center;*/
    -fx-background-color: transparent;
}